<template>
  <div>
    <!-- title具名插槽 -->
    <div>
      <slot name="title">
        默认标题
      </slot>
    </div>
    <!-- slot属性上没有写名字，它就是默认插槽 -->
    <div>
      <slot>
        <!-- 默认插槽，一般不写名字，要写就写default  -->
        <!-- <slot name="default"> -->
        默认内容
      </slot>
    </div>
    <!-- footer具名插槽 -->
    <div>
      <slot name="footer">
        默认底部
      </slot>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style></style>
